// miniprogram/pages/home/order/index.js
// 调用云数据库
let db = wx.cloud.database();
let shopCollection = db.collection('shops');
let markersCollection = db.collection('markers');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 121.34242 30.74185
    longitude: "",
    latitude: "",
    shop: [],
    value: "0",
    moveTransform: "translateY(0)",
    moveTransition: "translation(0)",
    height: "587rpx",
    btnTransform: "translateX(-50%) rotate(-90deg)"
  },
  // 实现上下滑动
  onClick() {
    if(this.data.value == 0){
      this.setData({
        value: 1,
        // 滑动
        moveTransform: 'translateY(-400rpx)',
        // 美化滑动特效
        moveTransition: 'transform 0.2s linear',
        height: '987rpx',
        // 改变箭头方向
        btnTransform: 'translateX(-50%) rotate(90deg)'
      })
    }
    else{
      this.setData({
        value: 0,
        moveTransform: 'translateY(0)',
        moveTransition: 'transform 0.2s linear',
        btnTransform: 'translateX(-50%) rotate(-90deg)'
      })
      setTimeout(()=>{
        this.setData({
          height: '587rpx'
        })
      },500)
    }
  },
  toOrderIndex(e){
    console.log(e);
    // 由于wx.navigateTo无法跳转至tabbar页面 
    // 查询文档后发现可以使用wx.switchTab来解决该问题
    wx.switchTab({
      url: '../../order/order',
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  // es6 async 
  onLoad: async function (options) {

    // es6 解构 获取云端数据
    let {data:shop} = await shopCollection.get();
    console.log(shop);
    let {data:markers} = await markersCollection.get();
    console.log(markers);
    this.setData({
      shop: shop,
      // es6 可以这么简写
      markers
    })
    // 地图定位
    wx.getLocation({
      type: 'gcj02', //返回可用于wx.openLocation的坐标
      success: (res)=>{
        console.log(res);
        this.setData({
          longitude: res.longitude,
          latitude: res.latitude,
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})